.wrapper {
  display: flex;
  gap: var(--spacing-4, 16px);
  align-items: center;
}

.step {
  display: flex;
  gap: var(--spacing-4);
  align-items: center;
  color: var(--overlay-40);
}

.content {
  display: flex;
  gap: var(--spacing-3);
  align-items: center;
}

.stepActive {
  color: var(--button-secondary-foreground);
}

.stepBadge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: var(--font-size-4, 13px);
  font-weight: 500;
  color: var(--overlay-40);
  background-color: var(--global-muted-background);
  border-radius: var(--border-radius-full, 9999px);
}

.stepBadgeActive {
  color: var(--button-foreground);
  background-color: var(--primary-color);
}

.stepLabel {
  font-size: var(--font-size-4, 13px);
  font-weight: 500;
  line-height: 1.6;
}

.stepLabelActive {
  color: var(--button-secondary-foreground);
}
